import { Icon } from 'antd';
import React from 'react';
import styles from './index.less';

function SquareButton({ width = 128, height = 128, icon, text, onClick, style = {} }) {
  return (
    <div className={styles['square-button']} style={{ ...style, width, height }} onClick={onClick}>
      <Icon className="margin-bottom" style={{ color: '#999', fontSize: '32px' }} type={icon} />
      <span style={{ color: '#666' }}>{text}</span>
    </div>
  );
}

export default SquareButton;
